﻿@{
        
    var moduleList = new[] { 
    new {Name="StartPage", Icon="-62px 0px", Title="Start Page"},
    new {Name="Administration", Icon="-0px -20px", Title=""},
    //new {Name="Separator", Icon="", Title=""},
    new {Name="People", Icon="-85px 0px", Title=""},
    new {Name="MyScheduler", Icon="-22px -20px", Title="Scheduler"},
    new {Name="RelationshipDiagram", Icon="-50px -20px", Title="Relationship Diagram"},
    new {Name="Journal", Icon="", Title="Journal"},
    new {Name="ProcessManagement", Icon="", Title="TreatmentProcess"},
    new {Name="Attendance", Icon="", Title="Attendance"},
    new {Name="DocMan", Icon="", Title="Document manager"},
    };
        
}
<div id="menuLayout">
    <div data-gridcolumn="0" data-gridrow="0">
        <div id="mainMenu" class="ddsmoothmenu meresmenu" style="height: 100%; float: left;
            width: 80px; position: absolute">
            <ul>
                <li>
                    <div>
                        <span style="margin: 7px 0px 0px 10px; float: left; height: 15px; width: 15px; background: url('/Modules/Eking.Framework/Styles/dropdown_icon.png')">
                        </span>
                        <h6 style="height: 100%; float: left">
                            MENU
                        </h6>
                    </div>
                    <ul style="width: 958px; background: black">
                        <li style="height: 450px;" class="cheatContainer">
                            <div>
                                <div style="float: left; width: 180px">
                                    @{
                                        foreach (var item in @moduleList)
                                        {
                                            var bg = string.IsNullOrEmpty(item.Icon) ? "background-position: 1000px 1000px" : "background-position: " + item.Icon + ";";
                                            var c = "ekingIcon2";
                                            if (item.Name == "Separator")
                                            {
                                        <hr style="margin: 0px" />
                                                continue;
                                            }
                                    
                                        <div onclick="Meres.openModule('@item.Name');" class="menuActionLink">
                                            <span class="@c" style="@bg;margin: 3px"></span>
                                            <h6>
                                                @Html.Raw(string.IsNullOrEmpty(@item.Title) ? @item.Name : @item.Title)
                                            </h6>
                                        </div>
                                        }                            
                                    }
                                </div>
                                <div style="float: left; margin-left: 10px; width: 180px">
                                    <h6 style="font-family: SegoeUiB">
                                        Actions</h6>
                                    <div class="menuActionLink">
                                        <h6>
                                            Copy
                                        </h6>
                                    </div>
                                    <div class="menuActionLink">
                                        <h6>
                                            Paste
                                        </h6>
                                    </div>
                                    <div class="menuActionLink">
                                        <h6>
                                            Delete
                                        </h6>
                                    </div>
                                </div>
                                <div style="float: left; margin-left: 10px; width: 180px">
                                    <h6 style="font-family: SegoeUiB">
                                        Options</h6>
                                    <input type="checkbox" />
                                    Show tab fields
                                </div>
                                <div style="float: left; margin-left: 10px; width: 180px">
                                    <h6 style="font-family: SegoeUiB">
                                        Help desk</h6>
                                    <div class="menuActionLink">
                                        <h6>
                                            Manual
                                        </h6>
                                    </div>
                                    <div class="menuActionLink">
                                        <h6>
                                            Support
                                        </h6>
                                    </div>
                                    <div class="menuActionLink">
                                        <h6>
                                            Bug report
                                        </h6>
                                    </div>
                                    <div class="menuActionLink">
                                        <h6>
                                            About
                                        </h6>
                                    </div>
                                </div>
                                <div style="float: left; margin-left: 10px; width: 150px">
                                    <h6 style="font-family: SegoeUiB">
                                        Language</h6>
                                    <select>
                                        <option>Français</option>
                                        <option>English</option>
                                        <option>Tiếng Việt</option>
                                    </select>
                                </div>
                            </div>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div data-gridcolumn="1" data-gridrow="0">
        <div id="searchBox" style="background: white; margin: 2px; padding: 0px">
            <input type="text" placeholder="search" style="padding: 2px 2px 3px 2px; margin: 0px;
                width: 250px" />
            <span style="width: 20px; background: #CCCCCC url('/Modules/Orchard.jQuery/Styles/images/ui-icons_cd0a0a_256x240.png');
                background-position: -174px -190px; background-repeat: no-repeat; position: absolute;
                right: 2px; top: 2px; height: 20px; width: 20px; margin: 0px;"></span>
        </div>
    </div>
    <div data-gridcolumn="2" data-gridrow="0">
        <div id="loginMenu" class="ddsmoothmenu meresmenu" style="height: 100%; float: right;
            width: 120px;">
            <ul>
                <li>
                    <h6 style="text-align: right">
                        <b>admin</b>
                    </h6>
                    <ul>
                        <li>
                            <h6>
                                Account
                            </h6>
                        </li>
                        <li>
                            <h6>
                                Change
                            </h6>
                        </li>
                        <li>
                            <h6>
                                Loggout
                            </h6>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>
